<!DOCTYPE html>
<html lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>${(game.GName)!''}安卓版-月卡点卡-购买-91085手游服务平台</title>
<link rel="stylesheet" type="text/css" href="//static.91085.com/css/91085.common.css" />
<link rel="stylesheet" type="text/css" href="//static.91085.com/css/ibuy.css" />
<link rel="stylesheet" type="text/css" href="//static.91085.com/css/release.css" />
<link rel="stylesheet" type="text/css" href="//static.91085.com/css/jquery.validator.css" />
<link rel="shortcut icon" href="//static.91085.com/css/favicon.ico" />
<script type="text/javascript" src="//static.91085.com/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="//static.91085.com/js/jquery.validator.js"></script>
<script type="text/javascript" src="//static.91085.com/js/jquery.validator.zh_CN.js"></script>
<style type="text/css">
.txcpdd ul li span {
	width: 90px;
}
#dxk {
	margin-left: 90px;
}
.tips {
	float: left;
	font-size: 12px;
	margin-left: 195px;
	clear: left;
	margin-top: 5px;
	width: 400px;
	overflow: hidden;
	line-height: 18px;
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
body { behavior:url("//static.91085.com/css/csshover.htc");}
</style>
<![endif]-->
<script charset="utf-8" lang="zh" language="javascript">
    document.onkeydown=function(event){ 
        e = event ? event :(window.event ? window.event : null); 
        if(e.keyCode==13){ 
            document.getElementById("submitBtn").click();
        } 
    }
      
    function showFinalmoney(){
    	var item = document.getElementById("pid");
    	var par = item.options[item.selectedIndex].id;
    	$("#finalmoney").html(par*jQuery("#quantity").val()*10000/10000+"元");
    }
    
    function getQu() {  	  	
    	jQuery.ajax({
	 		type: "POST",
	 		url: "/getAreaList.jspx?m=" + Math.random(),
	 		data: "gid=" + $("#gid").val() + "&oid=" + $("#oid").val(),
	 		dataType: "json",
	 		async: false,
	 		success: function(json){
					jQuery("#aid").empty();
					jQuery.each(json, function(i, item) {
						jQuery("#aid").append("<option value='"+item.id+"' id='"+item.aName+"' >"+item.aName+"</option>");
					});
				}
			});
    	
    	jQuery.ajax({
	 		type: "POST",
	 		url: "/getParList.jspx?m=" + Math.random(),
	 		data: "gid=" + $("#gid").val() + "&tid=6&oid=" + $("#oid").val(),
	 		dataType: "json",
	 		async: false,
	 		success: function(json){
					jQuery("#pid").empty();
					jQuery.each(json, function(i, item) {
						jQuery("#pid").append("<option value='"+item.id+"' id='"+item.price+"' >"+item.face+"元("+item.standard+")</option>");
					});
				}
			});
    	
    	var item = document.getElementById("pid");
    	var par = item.options[item.selectedIndex].id;
    	$("#finalmoney").html(par*jQuery("#quantity").val()*10000/10000+"元");
    	
    	jQuery.ajax({
	 		type: "POST",
	 		url: "/getServerList.jspx?m=" + Math.random(),
	 		data: "gid=" + $("#gid").val() + "&oid=" + $("#oid").val() + "&aid=" + $("#aid").val(),
	 		dataType: "json",
	 		async: false,
	 		success: function(json){
					jQuery("#sid").empty();
					jQuery("#sid").append("<option value=''>请选择服务器</option>");
					jQuery.each(json, function(i, item) {
						jQuery("#sid").append("<option value='"+item.id+"' id='"+item.sName+"' >"+item.num+"区【"+item.sName+"】</option>");
					});
				}
			});
	}
    function getFu() {
    	
    	jQuery.ajax({
	 		type: "POST",
	 		url: "/getServerList.jspx?m=" + Math.random(),
	 		data: "gid=" + $("#gid").val() + "&oid=" + $("#oid").val() + "&aid=" + $("#aid").val(),
	 		dataType: "json",
	 		async: false,
	 		success: function(json){
					jQuery("#sid").empty();
					jQuery("#sid").append("<option value=''>请选择服务器</option>");
					jQuery.each(json, function(i, item) {
						jQuery("#sid").append("<option value='"+item.id+"' id='"+item.sName+"' >"+item.num+"区【"+item.sName+"】</option>");
					});
				}
			});
	}
</script>
</head>
<body>
<div class="header"><!--头部-->
  <div class="logo"><a href="//www.91085.com/android.html"><img src="//static.91085.com/images/logo/logo_column.png" alt="91085手游服务平台"/></a></div>
  <div class="logo_wri">手游服务平台</div>
  <div class="Process right">
    <ul>
      <li>
        <p class="gc">1</p>
        <p class="green_2">填写资料</p>
      </li>
      <li>
        <p class="bg">2</p>
        <p class="gray_a">在线付款</p>
      </li>
      <li>
        <p class="bg">3</p>
        <p class="gray_a">确认收货</p>
      </li>
    </ul>
  </div>
</div>
<div class="App_bj">
  <div class="W980 clearfix">
    <div class="App_left">
      <ul>
        <li><img src="//static.91085.com/images/icon/200/${(game.id)!'0'}.jpg" alt=""/></li>
        <li class="pusht"><span class="f22 font_my">${(game.GName)!''}安卓版</span></li>
        <li class="pusht"><span class="gray_a">充值完成后，请打开游戏</span></li>
        <li><span class="gray_a">包裹，查收余额</span></li>
      </ul>
    </div>
    <div class="fill_orders App_left App_right form">
      <form id="goodsForm" method="post" action="/abuy5.jspx" autocomplete="off" data-validator-option="{theme:'yellow_right_effect',stopOnError:true}">
        <input name="gid" id="gid" type="hidden" value="${(game.id)!'0'}"/>
        <ul class="f14">
        <li>
			<label>充值类型：<span class="red">*</span></label>
			<ul class="transverse cutover">
				[#if game.t1 == '1']<li><a herf="#" onclick="location.href='/buy-a-1-${(game.id)!'0'}.html'" id="1">首充号</a></li>[/#if]
				[#if game.t2 == '1']<li><a herf="#" onclick="location.href='/buy-a-2-${(game.id)!'0'}.html'" id="2">首充号代充</a></li>[/#if]
				[#if game.t3 == '1']<li><a herf="#" onclick="location.href='/buy-a-3-${(game.id)!'0'}.html'" id="3">代充</a></li>[/#if]
				[#if game.t4 == '1']<li><a herf="#" onclick="location.href='/buy-a-4-${(game.id)!'0'}.html'" id="4">元宝金币</a></li>[/#if]
				[#if game.t5 == '1']<li class="selected"><a herf="#" onclick="location.href='/buy-a-5-${(game.id)!'0'}.html'" id="5">点卡月卡</a><i></i></li>[/#if]	
			</ul>
		</li>
         <li id="quLi" style="display: block">
            <label>运营版本：<span class="red">*</span></label>
            <select id="oid" name="oid" style="width:200px;" onchange="getQu()" data-rule="运营商: required;">
           		<option value="">请选择运营商</option>
           		[#if operators?size gt 0]
           			[#list operators as operator]
            			<option value="${(operator.id) ! '0'}">${(operator.OName) ! ''} </option>
            		[/#list] 
            	[/#if]
            </select>
          </li>
          <li id="fuLi" style="display: block">
            <label>区服：<span class="red">*</span></label>
            <select id="aid" name="aid" style="width:200px;" onchange="getFu()" data-rule="区服: required;">
            	<option value="">请选择游戏区</option>
            </select>
          </li>
          <li id="fuLi" style="display: block">
            <label>服务器：<span class="red">*</span></label>
            <select id="sid" name="sid" style="width:200px;" data-rule="服务器: required;">
            	<option value="">请选择服务器</option>
            </select>
          </li>
          <li>
            <label>选择面值：<span class="red">*</span></label>
            <select id="pid" name="pid" style="width:200px" data-rule="面值: required;" onchange="showFinalmoney();">
            	<option value="">请选择面值</option>
            </select>
		  </li>
          <li>
            <label>购买数量：<span class="red">*</span></label>
            <select id="quantity" name="quantity" onchange="showFinalmoney();">
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>
              <option value="7">7</option>
              <option value="8">8</option>
              <option value="9">9</option>
              <option value="10">10</option>
            </select>
            <span id="counttip" style="font-size:12px;color:#aaa;">充值数量最大为10</span></li>
          <li>
            <label id="accountLb">游戏帐号：<span class="red">*</span></label>
            <input name="account" maxlength="50" id="account" type="text" class="text" placeholder="请输入登录帐号" data-rule="登录帐号: required;" />
            <p class="tips" style="color:#aaa;" title="帐号与密码将加密保存">请输入你在【${(game.GName)!''}苹果版】中的登录账号</p>
		  </li>
          <li>
            <label id="pwdLb">游戏密码：<span class="red">*</span></label>
            <input type="password" name="pswd" maxlength="32" id="pswd" class="text" placeholder="请输入登录密码" data-rule="登录密码: required;" />
            <p class="tips" style="color:#aaa;" title="为了您帐号安全请使用一次性密码或者充值完成后立即修改">请输入你在【${(game.GName)!''}苹果版】中的登录密码</p>
		  </li>
          <li>
            <label>重复密码：<span class="red">*</span></label>
            <input name="rpswd" type="password" id="rpswd" placeholder="请确认密码" maxlength="32" class="text" data-rule="确认密码: required;match(pswd);" />
            <p class="tips" style="color:#aaa;" title="为了您帐号安全请使用一次性密码或者充值完成后立即修改">请使用一次性密码或者充值后立即修改</p>
		  </li>
		  <li><label>手机号码：<span class="red">*</span></label>
            <input id="mobile" name="mobile" type="text" value="${(user.mobile)!''}" class="text" maxlength="11" placeholder="请填写手机号码便于联系您" data-rule="手机号码: required;mobile;"/>
          </li>
          <li>
            <label>QQ号码：<span class="red">*</span></label>
            <input id="qq" name="qq" type="text" class="text" value="${(user.qq)!''}" maxlength="11" placeholder="请填写QQ号码便于联系您" data-rule="QQ号码: required;qq;length[5~11];"/>
		  </li>
          <li>
            <label>价格：&nbsp;</label>
            <strong class="orange" id="finalmoney">0元</strong></li>
          <li id="submitLi" class="label"><input type="submit" id="submitBtn" name="submitBtn" class="btn btn-orange2" value="确认订单" /></li>
        </ul>
      </form>
    </div>
    <p class="tcenter gray_6 clearfix"><b class="blue">为什么需要游戏登录密码?</b> &nbsp;充值系统将根据您填写的资料，自动登录您的游戏账户进行充值。任何时间，91085客服不会主动向您索要游戏登录密码。 </p>
  </div>
</div>
<div class="clear"></div>
<div class="clear"></div>
[#include "../common/foot.html"/]
</body>
</html>